@import '../public/less/variables.less';

#app{   
    padding-bottom: 30px;
    .news{
        padding-top: 25*@base_size;
        align-items: flex-start; 
        //左侧
        >div:nth-of-type(1){
            width: 50%;
            padding-right: 18px;
            img{
                width: 100%;
                
            }
        }
//      >div:nth-of-type(1){
//          width: 49%;
//          padding-right: 20px;
//          span{
//              display: block;
//          }            
//          >span:nth-of-type(1){
//              font-weight: bold;                
//              font-size: 20*@base_size;                
//          }
//          >span:nth-of-type(2){
//              margin-bottom: 20*@base_size;
//          }
//          .one_new:nth-of-type(1){
//              border-top: 1px solid @color_line;
//          }
//          .one_new{
//              height: 100*@base_size;
//              padding-top: 20*@base_size;   
//              border-top: 1px solid @color_line;  
//              border-bottom: 1px solid @color_line;
//              padding-right: 10px;           
//              >div{
//                  height: 60*@base_size;
//                  padding-left: 120*@base_size;
//                  position: relative;
//                  >.img{
//                      position: absolute;
//                      left: 0 ;
//                      top: 0;
//                      width: 110*@base_size;
//                      height: 100%;
//                      background-color: #cccccc;
//                  }
//                  .one_list{
//                      height: 100%;
//                      >div:nth-of-type(1){
//                          font-weight: bold;
//                          font-size: 18*@base_size;
//                          color: @color_blue;
//                      }
//                  }
//              }
//              .noImage{
//                  padding-left: 0;
//              }        
//          }
//          .update{
//              padding: 8px 0;
//              text-align: center;
//              border: 1px solid @color_line;
//              border-top: none;
//          }
//      }
        //右侧
        >div:nth-of-type(2){
            width: 51%;
            border: 1px solid @color_line;
            border-bottom: none;
            .types{
                height: 50*@base_size;
                
                >li{
                    width: 25%;
                    height: 100%;
                    line-height: 50*@base_size;
                    text-align: center;
                    font-weight: bold;
                    border-left: 1px solid @color_line;
                    border-bottom: 1px solid @color_line;
                }
                >li:nth-of-type(1){
                     border-left: none;
                }
                .active{
                    border-bottom: none;
                }
            }
            //列表
            .ups{
                .one_up{
                    border-bottom: 1px solid @color_line;
                    height: 50*@base_size;
                    >li{
                        width: 25%;
                        text-align: center;
                    }
                }
            }
        }
    }
    //时文
    .times{
        margin-top: 30px;
        align-items: flex-start;
//      >div:nth-of-type(1){
//          width: 50%;
//          padding-right: 18px;
//          img{
//              width: 100%;
//              
//          }
//      }
  >div:nth-of-type(1){
            width: 49%;
            padding-right: 20px;
            span{
                display: block;
            }            
            >span:nth-of-type(1){
                font-weight: bold;                
                font-size: 20*@base_size;                
            }
            >span:nth-of-type(2){
                margin-bottom: 20*@base_size;
            }
            .one_new:nth-of-type(1){
                border-top: 1px solid @color_line;
            }
            .one_new{
                height: 100*@base_size;
                padding-top: 20*@base_size;   
                border-top: 1px solid @color_line;  
                border-bottom: 1px solid @color_line;
                padding-right: 10px;           
                >div{
                    height: 60*@base_size;
                    padding-left: 120*@base_size;
                    position: relative;
                    >.img{
                        position: absolute;
                        left: 0 ;
                        top: 0;
                        width: 110*@base_size;
                        height: 100%;
                        background-color: #cccccc;
                    }
                    .one_list{
                        height: 100%;
                        >div:nth-of-type(1){
                            font-weight: bold;
                            font-size: 18*@base_size;
                            color: @color_blue;
                        }
                    }
                }
                .noImage{
                    padding-left: 0;
                }   
                &:hover{
                           position: relative;
                           top: 1px;
                           box-shadow: 1px 2px 3px 2px rgba(7, 17, 27, 0.2);
                       }     
            }
            .update{
                padding: 8px 0;
                text-align: center;
                border: 1px solid @color_line;
                border-top: none;
            }
        }
        >div:nth-of-type(2){
            width: 50%;
            >div:nth-of-type(1){
                height: 40*@base_size;
                line-height: 40*@base_size;
                font-size: 20*@base_size;
                margin-bottom: 10px;
                font-weight: bold;
                span{
                    display: block;
                    padding-bottom: 10px;
                    border-bottom: 1px solid #c3c3c3;
                }
            }
            .one_time{
                padding-bottom: 15*@base_size;
                >span{
                    height: 40*@base_size;
                    line-height: 40*@base_size;
                    font-size: 18*@base_size;
                    font-weight: bold;
                    color: @color_blue;
                }
                border-bottom: 1px solid @color_line;
                font-size: 16*@base_size;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                &:hover{
                           position: relative;
                           top: -1px;
                           box-shadow: 1px 2px 3px 2px rgba(7, 17, 27, 0.2);
                       }     
            }
        }
    }
    .times_more{
        margin-top: 10px;
        align-items: flex-start;
        >div{
            >div{
                width: 50%;
                padding: 0  0 0 0;
                float: left;
//              line-height: 40*@base_size;
//              margin-bottom: 20*@base_size;
            }
            >div:nth-of-type(2n+1){
                padding-right: 30px;
            }
            .one_time{
                padding-bottom: 15*@base_size;
                >span{
                    line-height: 40*@base_size;
                    font-size: 18*@base_size;
                    font-weight: bold;
                    color: @color_blue;
                }
                border-bottom: 1px solid @color_line;
                font-size: 16*@base_size;                
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}
